<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<div id="target" style="width: 100px; height: 100px; background: gray;
                        will-change: opacity; transition: 0.2s">
</div>
<script>
window.testIsAsync = true;
function repaintTest() {
  target.addEventListener('transitionend', finishRepaintTest);
  target.style.opacity = 0.5;
}
onload = runRepaintAndPixelTest;
</script>
